import React, { Component } from 'react'
import { ScrollView, Text, View, Image, StyleSheet } from 'react-native'
import SearchBar from './Header'
export default class Team extends Component {

    render() {
        return (
            <View>
                <View>
                    <SearchBar />
                </View>
                <ScrollView contentContainerStyle={styles.IMG} >
                    <View style={styles.view1}>
                        <View style={styles.view2}>
                            <View>
                                <Image style={styles.thumbImg} source=
                                    {{ uri: 'http://39.100.242.209/s181/20181205045.jpg' }} />
                                <Text style={styles.text}>王浩伟</Text>
                            </View>
                            <View>
                                <Image style={styles.thumbImg} source=
                                    {{ uri: 'http://39.100.242.209/s181/20181205074.jpg' }} />
                                <Text style={styles.text}>靳雨飞</Text>
                            </View>
                        </View>
                    </View>
                    <View style={styles.view1}>
                        <View style={styles.view2}>
                            <View>
                                <Image style={styles.thumbImg} source=
                                    {{ uri: 'http://39.100.242.209/s181/20181205059.jpg' }} />
                                <Text style={styles.text}>贾天昊</Text>
                            </View>
                            <View>
                                <Image style={styles.thumbImg} source=
                                    {{ uri: 'http://39.100.242.209/s181/20181205057.jpg' }} />
                                <Text style={styles.text}>谢欣宇</Text>
                            </View>
                        </View>
                    </View>
                    <View style={styles.view1}>
                        <View style={styles.view2}>

                            <View>
                                <Image style={styles.thumbImg} source=
                                    {{ uri: 'http://39.100.242.209/s181/20181205004.jpg' }} />
                                <Text style={styles.text}>李兰芯</Text>
                            </View>
                          
                        </View>
                    </View>

                </ScrollView>
            </View>

        )
    }
}
const styles = StyleSheet.create({
    IMG: { flexDirection: 'column', flexWrap: 'wrap' },
    view1: { flex: 1, justifyContent: 'center', alignItems: 'center' },
    view2: {flexDirection: 'row', justifyContent: 'space-between' ,width:350},
    thumbImg: { width: 150, height: 225 },
    text:{fontSize: 20, color: 'grey', textAlign: 'center'}
})